@charset "utf-8";
/* CSS Document */
body a{
	text-decoration:none;
}
body a:hover{
	text-decoration:none;
}
#wapper{
	width:90%;
	overflow:hidden;
	height:100%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#000;
	padding:0;
	margin:10px auto;
}
.padding-10{
	padding:10px;
}
.navi-1{
	background:url(../images/top_bg.gif) repeat-x left top;
	height:43px;
	color:#FFF;
}
.navi-1 .search{
	float:left;
	width:20%;
}
.navi-1 .search input{
	height:14px;
	padding:2px;
	background:#FFF;
	border:none;
}
.button-violet{
	background:url(../images/button_bg.gif) repeat-x;
	color:#fff;
	cursor:pointer;
	border:1px solid #fff;
	height:20px;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	padding:0px 4px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
}
.button-violet.large-padding{padding:1px 15px;}
.navi-1 .menu{
	float:right;
	text-align:right;
}
.navi-1 .menu ul{
	float:right;
	margin:1px 0px 0px 0px;
}
.navi-1 .menu ul li{
	float:left;
	padding-left:5px;
}
.navi-1 .menu ul li a{
	border-right:1px solid #fff;
	padding-right:5px;
	color:#fff;
	font-size:10px;
}
.navi-1 .menu ul li a.last{
	border-right:none;
}
.navi-2{
	overflow:hidden;
	height:25px;
	background:#2d3092;
	color:#fff;
	font-weight:bold;
}
.navi-2 .left-menu{
	float:left;
	width:46%;
}
.navi-2 .right-menu{
	float:right;
	width:46%;
	text-align:right;
}
ul.navi-2{margin-left:10px;}
ul.navi-2 li{
	float:left;
	line-height:25px;
	padding-right:5px;
}
ul.navi-2 li a.last{border-right:none;}
ul.navi-2 li a{color:#FFF; text-decoration:none; padding-right:5px;	border-right:1px solid #fff;}
ul.navi-2 li a:hover, .active{color:yellow}
.navi-2 .right-nav{
	float:right;
}
.nav-center{
	position:absolute;
	width:480px;
	top:10px;
	left:33%;
	overflow:hidden;
	border:1px solid #fff;
}
.nav-center .top-nav ul{
	background:url(../images/navi_center_bg.gif) repeat-x;
	height:43px;
	line-height:43px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	width:100%;
}
.nav-center .top-nav ul li{
	float:left;
	width:33%;
	text-align:center;
	border-right:1px solid #FFF;
}
.nav-center .top-nav ul li.last{border-right:none;}
.nav-center .top-nav ul li a{color:#fff; text-decoration:none;}
.nav-center .bottom-nav ul{
	background:#6e7dbd url(../images/navi_center2_bg.gif) repeat-x left top;
	height:21px;
	color:#fff;
	line-height:21px;
}
.nav-center .bottom-nav ul li{
	float:left;
	padding:0px 7px;
	border-right:1px solid #fff;
}
.nav-center .bottom-nav ul li.last{border-right:none;}
.nav-center .bottom-nav ul li a{color:#fff; text-decoration:none; font-size:13px;}
.nav-3{
	background:url(../images/nav_3_bg.gif) repeat-x;
	height:27px;
	overflow:hidden;
	color:#fff;
	line-height:27px;
}
.nav-3 .left-title{
	float:left;
	margin-left:10px;
}
.nav-4{
	height:25px;
	background:#688eb8;
	overflow:hidden;
	clear:both;
	line-height:25px;
	color:#fff;
	padding-left:10px;
}
.nav-4 .transactions{float:left; margin-right:10px;}
.nav-4 .transactions input{width:50px; text-align:center; color:#444; background:#FFF; border:none;}
.nav-4 .show{float:left;}
.nav-4 .show input{margin:6px 5px 0px 0px; float:left;}
.nav-4 .date-box{float:left; margin:0px 0px 0px 50px;}
.nav-4 .date-box .box-1{float:left; margin-right:10px;}
.nav-4 .date-box .box-2{float:left; margin-right:10px;}
.nav-4 .date-box input{width:85px; color:#444; height:16px; margin:5px 0px 0px 0px; line-height:16px; background:#fff; border:none;}
.nav-4 .date-box .button{margin: 5px 0px 0px -1px; background:#a6a9ac; width:21px; height:16px; border:none; cursor:pointer; float:right;}
.nav-4 .actions-button{float:right;}
.nav-4 .actions-button .button-search{ margin-right:15px;}
.nav-4 .actions-button .button-auto{margin-right:10px;}

.nav-5{
	background:#989abb;
	height:55px;
	overflow:hidden;
	clear:both;
	color:#fff;
	border-bottom:1px solid #000;
}

.nav-5 .left-box{
	float:left;
	margin:5px 10px;
}
.nav-5  .left-box label{float:right;}
.nav-5  .left-box input{float:left;width:95px; height:16px; border:1px solid #c0c2df; background:#fff url(../images/arrow-down.gif) no-repeat right 2px; cursor:pointer;}
.nav-5 .right-box{
	float:right;
	font-size:9px;
	margin:5px 10px;
	border:1px solid #fff;
}
.nav-5 .right-box table{padding:0;}
.nav-5 .right-box .text-algin{text-align:right;}
.nav-5 .right-box td{border-bottom:1px solid #fff; padding:0px 2px; margin:0;}
.nav-5 .right-box .green{background:#009244; width:12px; height:12px; float:left;}
.nav-5 .right-box .violet{background:#2d3092; width:12px; height:12px; float:left;}
.nav-5 .right-box .turquois{background:#00adee; width:12px; height:12px; float:left;}
.nav-5 .right-box .yellow{background:#fff200; width:12px; height:12px; float:left;}
.nav-5 .right-box .orange{background:#f26521; width:12px; height:12px; float:left;}
.nav-5 .right-box .red{background:#ec1b24; width:12px; height:12px; float:left;}
.nav-5 .right-box .border-none{border-bottom:none;}
.caret{display:inline-block;width:0;height:0;vertical-align:top; margin:3px 0px 0px 4px; border-top:6px solid #FFF;border-right:3px solid transparent;border-left:3px solid transparent;content:""}
.small-button-violet{
	background:#3a3996 url(../images/button_bg.gif) repeat-x;
	color:#fff;
	cursor:pointer;
	border:1px solid #fff;
	font-size:9px;
	padding:0px 2px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
}
.nav-6{
	background:#babbc4;
	height:30px;
	border-bottom:1px solid #babbc4;
	overflow:hidden;
	clear:both;
	color:#fff;
}
.nav-6 .title{
	font-size:20px;
	float:left;
	line-height:30px;
	margin-left:10px;
}
.nav-6 .menu{
	width:65%;
	float:right;
}
.nav-6 .menu ul li{
	float:left;
	height:30px;
}
.nav-6 .menu ul li.green{ background:url(../images/greeen-button-bg.gif) repeat-x; padding:0px 20px;}
.nav-6 .menu ul li.yellow{ background:url(../images/yellow-button-bg.gif) repeat-x; padding:0px 20px;}
.nav-6 .menu ul li a{color:#fff; text-align:center; line-height:30px; text-decoration:none; font-size:16px;}
.container{
	overflow:hidden;
	clear:both;
	margin:10px 0px;
	font-size:13px;
}
.container .row-1{
	background:#e6e7e7;
}
.container .row-1 td{
	text-align:center;
	padding:10px 0px;
	border-right:1px solid #000;
}
.container .row-1 td.border-none{border-right:none;}
.container .row-2{
	background:#b6c1c5;
}
.container .row-2 td{border-right:1px solid #000; border-bottom:1px solid #8a8a8a; padding:3px 9px;}
.container .row-2 td.border-none{border-right:none;}
.button-checked{float:left;width:100px; border:1px solid #c0c2df; background:#fff url(../images/arrow-down.gif) no-repeat right 4px; cursor:pointer; text-align:left; padding:1px 4px;}
.container .row-details td{
	border-right:1px solid #000;
	border-bottom:1px solid #8a8a8a;
	padding:4px;
	
}
.container .row-details td.border-first{border-left:1px solid #b6b6b6;}
.container .row-details td.border-none{border-right:1px solid #b6b6b6;}


.container .report-row-1{
	width:30%;
}
.container .report-row-2{
	width:25%;
}
.container .report-row-3{
	width:10%;
}
.container .report-row-4{
	width:9%;
}
.container .report-row-5{
	width:5%;
}
.container .title-reports{
	background:#3b5a80;
	height:40px;
	overflow:hidden;
	clear:both;
	display:block;
	margin-bottom:1px;
}
.container .title-reports h2{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	float:left;
	line-height:40px;
	margin:0px 0px 0px 10px;
}
.container .report-row-top{
	height:27px;
	background:#b6c1c5;
	line-height:27px;
}
.container .report-row-top td{ border-right:1px solid #000; padding:4px;}
.container .report-row-top td.last-row{border-right:none;}
.container .title-content{
	background:url(../images/arrow-right.gif) no-repeat left 3px;
	padding-left:15px;
}
.container .checkbox-content{
	background:#fff;
	border:1px solid #CCC;
	margin:3px 10px 0px 3px;
}
.container .text-padding{padding-left:30px;}

/*  modify on 02/07/2013  - report-3 */

.nav-6 .menu-1{
	width:70%;
	float:right;
}
.nav-6 .menu-1 ul li{
	float:left;
	width:140px;
	text-align:center;
	height:30px;
}
.nav-6 .menu-1 ul li.green{ background:url(../images/greeen-button-bg.gif) repeat-x; padding:0px 20px;}
.nav-6 .menu-1 ul li.yellow{ background:url(../images/yellow-button-bg.gif) repeat-x; padding:0px 20px;}
.nav-6 .menu-1 ul li a{color:#fff; text-align:center; line-height:30px; text-decoration:none; font-size:16px;}
.nav-6 .menu-1 ul li.line{border-left:1px solid #fff; border-right:1px solid #fff;}
#left_panel_chart-1{
	float:left;
	width:45%;
	margin-left:2%;
}
.box-outside{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.box-outside .title{
	background:#ccc;
	color:#000;
	font-size:16px;
	height:25px;
	line-height:25px;
	padding-left:10px;
	overflow:hidden;
}
.box-outside  .content{
	border:1px solid #ccc;
	overflow:hidden;
	padding:5px 10px;
}
.box-inside{
	float:left;
	width:47%;
	margin-bottom:10px;
	border:1px solid #ccc;
}
.box-inside-right{
	float:right !important;
}
.box-inside .title-inside{
	font-size:14px;
	font-weight:bold;
	padding:3px 10px;
	border-bottom:1px solid #ccc;
}
.box-inside .table-box-inside{
	width:95%;
	margin:5px auto;
}
.box-inside .table-box-inside td{
	padding-bottom:1px;
}
.box-inside .table-box-inside .label-cont{
	width:50%;
	text-align:right;
	padding-right:10px;
	line-height:20px;
}
.box-inside .table-box-inside .progress-cont{
	width:50%;
	color:#fff;
	line-height:20px;
	height:20px;
}
.progress-expired{
	float:left;
	width:100%;
	background:#ef1b1f;
}
.progress-expiring{
	float:left;
	width:100%;
	background:#cbb02a;
}
.progress-pending{
	float:left;
	width:100%;
	background:#302f97;
}
.progress-new{
	float:left;
	width:100%;
	background:#249361;
}
.progress-pending-black{
	float:left;
	width:100%;
	background:#3b3a42;
}
.progress-expiring-brown{
	float:left;
	width:100%;
	background:#885d3c;
}
#right_panel_chart-1{
	float:right;
	width:45%;
	margin-right:2%;
}
.box-inside-big{
	float:left;
	width:100%;
	margin-bottom:10px;
	border:1px solid #ccc;
}
.box-inside-big .title-inside{
	font-size:14px;
	font-weight:bold;
	padding:3px 10px;
	border-bottom:1px solid #ccc;
}
.box-inside-big .table-inside-big{
	font-size:11px;
}
.box-inside-big .table-inside-big td{
	padding:2px;
	text-align:right;
}
.table-inside-big td a{text-decoration:underline; color:#286fba;}
.over-color{
	color:#db653c;
}
.under-color{
	color:#666956;	
}
.statusJobs-1{
	background:#e9151e;
	color:#fff;
	line-height:20px;
	text-align:left !important;
}
.statusJobs-2{
	background:#fbbf10;
	color:#fff;
	line-height:20px;
	text-align:left !important;
}
.statusJobs-3{
	background:#234780;
	color:#fff;
	line-height:20px;
	text-align:left !important;
}
.statusJobs-4{
	background:#94c852;
	color:#fff;
	line-height:20px;
	text-align:left !important;
}
.statusJobs-5{
	background:#7d8377;
	color:#fff;
	text-align:left !important;
	line-height:20px;
}
.chartMyNotes{
	float:left;
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
	clear:both;
}
.chartMyNotesTitle{
	background:#7f8182;
	width:30%;
	height:20px;
	color:#fff;
	font-size:15px;
	line-height:20px;
	padding-left:10px;
}
.chartMyNotesCont{
	border:1px solid #7f8182;
	overflow:hidden;
	padding:0px 10px 10px 10px;
	height:300px;
}
.chartMyNotesCont .editMyNotes{
	background:url(../images/page_white_edit.gif) no-repeat;
	width:16px;
	height:16px;
	float:left;
}
.chartMyNotesCont .deleteMyNotes{
	background:url(../images/delete_16x16.gif) no-repeat;
	width:16px;
	height:16px;
	float:left;
}
ul.chartMyNotesContEvent{
	padding:0;
	margin:10px 0px 5px 0px;
	list-style:none;
	clear:both;
	display:block;
	width:100%;
	float:left;
}
ul.chartMyNotesContEvent li{
	float:left;
	line-height:16px;
	font-weight:bold;
}
ul.chartMyNotesContEvent li.first{
	padding-right:20px;
}
ul.chartMyNotesContEvent li.last{
	padding-right:5px;
}

/*  modify on 02/07/2013  - report-4 */

.box-chart-2{
	width:100%;
	overflow:hidden;
	clear:both;
	border:1px solid #9db2db;
	margin-bottom:10px;
}
.title-box-chart-2{
	height:25px;
	border-bottom:1px solid #9db2db;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	padding-left:5px;
}
.cont-box-chart-2{
	border-bottom:1px solid #9db2db;
	overflow:hidden;
	padding:5px 10px;
}
.label-in-box-chart-2{
	width:22%;
	text-align:right;
	padding:2px;
}
.progress-in-box-chart-2{
	width:70%;
	padding:2px;

}
.progress-cont-in-box-chart-2{
	float:left;
	width:100%;
	background:#0f74bc;
	height:20px;
}
.total-cont-in-box-chart-2{
	clear:both;
	display:block;
	padding:5px;
	overflow:hidden;
}
.first-total{
	width:24%;
	text-align:right;
	padding:2px;
	float:left;
}
.last-total{
	float:right;
	width:70%;
	text-align:right;
	padding:2px;
}
.last-total span{
	padding-right:15px;
}
.TopContractors-table td{
	border-right:1px solid #9db2db;
	padding:3px 5px;
}
.TopContractors-table .firt-row{
	border-bottom:1px solid #9db2db;
}
.TopContractors-table .last-row{
	border-right:none;
}
.cont-box-chart-3{
	border-bottom:1px solid #9db2db;
	overflow:hidden;
}
.divChart-box-3{
	float:left;
	clear:both;
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}
.divChart-box-3-title{
	background:#dfdfdf;
	height:25px;
	line-height:25px;
}
.LeftdivChart-box-3-title{
	float:left;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
}
.RightdivChart-box-3-title{
	float:right;
	margin:4px 10px 0px 0px;
	line-height:25px;
}
.RightdivChart-box-3-title .close-down{
	float:left;
	background:url(../images/arrow_sans_down-16.gif) no-repeat;
	width:16px;
	height:16px;
	padding-right:10px;
}
.RightdivChart-box-3-title .close-window{
	float:left;
	background:url(../images/close_delete.gif) no-repeat;
	width:16px;
	height:16px;
}
.divChart-box-3-content{
	border:1px solid #dfdfdf;
	overflow:hidden;
	padding:2px 5px;
}
.divChart-box-3-Subtitle{
	height:25px;
	line-height:25px;
	display:block;
}
.divChart-box-3-Subtitle-Left{
	float:left;
	width:48%;
}
.divChart-box-3-Subtitle-Right{
	float:right;
	width:48%;
}
.divChart-box-3-Subtitle-Right select{
	float:right;
	border:1px solid #dfdfdf;
}
.divChart-box-3-Subtitle-Right option{
	padding:3px;
}
.divChart-box-3-table td{
	vertical-align:bottom;
}
ul.divChart-box-3-number{
	float:left;
	padding:0;
	margin:0;
}
ul.divChart-box-3-number li{
	float:left;
	width:100%;
	vertical-align:top;
	text-align:center;
	height:32px;
}
.divChart-box-3-top-statics{
	font-weight:bold;
	padding:5px 0px 5px 10px;
}
ul.divChart-box-3-bottom-notes{
	float:left;
	clear:both;
	display:block;
	width:100%;
	margin:20px 40px;
	padding:0;
}
ul.divChart-box-3-bottom-notes li{
	float:left;
	display:inline;
	padding-left:5px;
	line-height:10px;
}
.divIncomeNotes{
	background:#63ba46;
	height:10px;
	width:20px;
	float:left;
}
.divExpenseNotes{
	background:#ec7331;
	height:10px;
	width:20px;
	float:left;
	margin-left:20px;
}
.divYearBlueNotes{
	background:#149bd1;
	height:10px;
	width:20px;
	float:left;
	margin-left:20px;
}
.divYearOrangeNotes{
	background:#e25d25;
	height:10px;
	width:20px;
	float:left;
}
.divYearYellowNotes{
	background:#f0972b;
	height:10px;
	width:20px;
	float:left;
	margin-left:20px;
}
ul.divChart-box-3-number-2{
	float:left;
	padding:0;
	margin:0;
}
ul.divChart-box-3-number-2 li{
	float:left;
	width:100%;
	vertical-align:top;
	text-align:center;
	height:40px;
}
ul.divChart-box-3-number-3{
	float:left;
	padding:0;
	margin:0;
}
ul.divChart-box-3-number-3 li{
	float:left;
	width:100%;
	vertical-align:top;
	text-align:center;
	height:30px;
}
/*
code css for Pie chart
*/
#placeholder {width:300px; height:200px; margin:0 auto;}
.legend table, .legend > div { height:100px !important; opacity: 1 !important; left:260px; top:96px !important; width: 120px !important; font-size:12px !important; }
.legend table { padding: 5px; }
.divTotal-pieChart{
	float:right;
	padding:0px 40px 30px 0px;
}